
#fh5co-photos-section, #fh5co-contact-section,
#fh5co-services-section, #fh5co-about-section,
#fh5co-map-section {
  padding-bottom: 5em;
}

#fh5co-intro-section {
  margin-bottom: 2em;
  padding-bottom: 2em;
}

.intro-heading {
  font-size: 40px;
  font-weight: 300;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .intro-heading {
    font-size: 30px;
  }
}

.ri-grid ul li {
  background: transparent !important;
}
.ri-grid ul li a .desc {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  background: rgba(153, 153, 153, 0.6);
  opacity: 0;
  padding-top: 35%;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.ri-grid ul li a .desc h3 {
  font-size: 20px;
  color: white;
  text-decoration: none;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.ri-grid ul li a .desc h3 span {
  color: rgba(255, 255, 255, 0.7);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.ri-grid ul li a:hover .desc, .ri-grid ul li a:focus .desc {
  opacity: 1;
}
.ri-grid ul li a:hover img, .ri-grid ul li a:focus img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  border: 1px solid red;
}
